// JavaScript Document
window.onload = function(){
	//get button
	let hideBtn = document.getElementById('hideBtn');
	let showBtn = document.getElementById('showBtn');
	//get box
	let detailedBox = document.getElementById('detailedBox');
	
	hideBtn.style.display = 'block';
	showBtn.style.display = 'none';
	detailedBox.style.display = 'none';
	
	hideBtn.onclick = function(){
		if (detailedBox.style.display == 'none'){
			hideBtn.style.display = 'none';
			showBtn.style.display = 'block';
			detailedBox.style.display = 'block';
		}
		else{
			hideBtn.style.display = 'block';
			showBtn.style.display = 'none';
			detailedBox.style.display = 'none';
		}
	}
	
	showBtn.onclick = function(){
		if (detailedBox.style.display == 'none'){
			hideBtn.style.display = 'none';
			showBtn.style.display = 'block';
			detailedBox.style.display = 'block';
		}
		else{
			hideBtn.style.display = 'block';
			showBtn.style.display = 'none';
			detailedBox.style.display = 'none';
		}
	}
}